.css2022 {  
  .cssChoose {
    :not(p) {
      color: red !important
    }
  }

  .cssChoose1:has(i) p {
    color: blue;
  }

  .autoSize {
    width: 500px;

    .item_fill_available {
      border: 1px solid #fff;

      .children {
        height: fill-available;
        width: fill-available;
        background: red;
      }
    }

    .item_fit_content {
      border: 1px solid #fff;
      .children {
        height: fit-content;
        width: fit-content;
        background: red;
      }
    }
    .item_max_content {
      border: 1px solid #fff;
      .children {
        height: max-content;
        width: max-content;
        background: red;
        overflow: hidden;
        .bigBox {
          width: 300px;
        }
      }
    }
    .item_min_content {
      border: 1px solid #fff;
      .children {
        overflow: hidden;
        height: min-content;
        width: min-content;
        background: red;
        .smallBox {
          width: 100px;
        }
      }
    }
  }
}